import axios from 'axios';
import store from '@/store'; // 导入store实例
import router from '@/router'; // 导入router实例

// 创建一个axios实例
const request = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // 从环境变量读取基础URL
  timeout: 10000
});

// 请求拦截器
request.interceptors.request.use(
  (config) => {
    // // 在发送请求之前做一些事
    const token = store.state.user.token; // 从vuex获取token
    console.log(token)
    if (token) {
      // 如果token存在，将其添加到请求头中
      config.headers['Authorization'] = `Bearer ${token}`;
    }
    return config;
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 响应拦截器
request.interceptors.response.use(
  (response) => {
    // 对响应数据做点什么 (2xx 范围内的状态码都会触发该函数)
    if(response.data.code === 200){
      return response.data
    }
    return response.data;
  },
  (error) => {
    // 对响应错误做点什么 (超出 2xx 范围的状态码都会触发该函数)
    if (error.response) {
      const { status } = error.response;
      switch (status) {
        case 401: // 未授权，token失效或无效
          // 清除本地无效的token
          store.dispatch('user/logout');
          // 跳转到登录页，并携带重定向路径
          router.replace({
            path: '/login',
            query: { redirect: router.currentRoute.fullPath }
          });
          break;
        case 403: // 禁止访问
          // 清除本地无效的token
          store.dispatch('user/logout');
          // 跳转到登录页，并携带重定向路径
          router.replace({
              path: '/login',
              query: { redirect: router.currentRoute.fullPath }
              });
          break;
        case 404: // 资源不存在
          // ... 处理404错误
          break;
        case 500: // 服务器内部错误
          // ... 处理500错误
          break;
        default:
          console.error('Unhandled HTTP error status:', status);
      }
    }
    return Promise.reject(error);
  }
);

// 导出登录API方法示例
export const login = (data) => {
  return request({
    url: '/login',
    method: 'post',
    data
  });
};

// 导出其他API方法...
// export const getUserInfo = () => { ... }

export default request;